<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title data-localize="labMg_modifyLab"></title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style/page.css" >
    <link rel="stylesheet" href="style/homewoker.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var Role= '<%=session.getAttribute("password") %>';
        var User= '<%=session.getAttribute("username")%>';
        var UserID= '<%=session.getAttribute("userid")%>';
        if (!UserID || UserID == "" || UserID == "null") {
            document.getElementById("container").innerHTML="";
        }
        var LessonID=location.href.split("=")[1];
    </script>
</head>
<body>
<div id="container" class="container-fluid">
    <div id="step3">
        <div class="labinfo">
            <h5 data-localize="lab_question"></h5>
        </div>
        <div class="row">
            <div class="col-md-8">
                <h5 data-localize="lab_exercises" clasrs="exercisesTitle"></h5>
                <ul class="list-group exercises">


                </ul>
            </div>
            <div class="col-md-4">
                <h5 data-localize="lab_exercisesAdd" class="exercisesTitle"></h5>
                <ul class="list-unstyled">
                    <li> <img src="imgs/icon_question.png"> <button class="btn nextBtn btnCreat" id="addQuestion_wenda" data-localize="lab_questionAdd"></button></li>
                    <li> <img src="imgs/icon_choice.png"> <button class="btn nextBtn btnCreat" id="addQuestion_xuanzhe" data-localize="lab_choiceAdd"></button></li>
                    <li> <img src="imgs/icon_fillblank.png"> <button class="btn nextBtn btnCreat" id="addQuestion_tiankong" data-localize="lab_fillBlankAdd"></button></li>

                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="modal_creatWenda" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4  class="modal-title"  data-localize="lab_questionAdd"></h4>
            </div>
            <div class="modal-body">

                <div class="form-inline form-group">
                    <label for="wendaTitle" data-localize="lab_question" class="labModallabel" ></label>
                    <textarea  class="form-control modalcontrol_lab" id="wendaTitle" rows="4" placeholder=""></textarea>
                </div>
                <div class="form-inline form-group">
                    <label for="wendaScore" data-localize="lab_score" class="labModallabel" ></label>
                    <input  class="form-control modalcontrol_lab" id="wendaScore" placeholder="" value="10"/>
                </div>
            </div>
            <div class="modal-footer">
                <label data-localize="lab_notCloseWindow" class="notCloseWindow">
                    <input type="checkbox" class="notCloseWindow_cbx">
                </label>
                <button type="button" class="btn btn-default" data-dismiss="modal" data-localize="pm_cancle"></button>
                <button type="button" class="btn btn-primary" data-localize="pm_creat" onclick="pushOneWenda()"></button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modal_creatChoice" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4  class="modal-title"  data-localize="lab_choiceAdd"></h4>
            </div>
            <div class="modal-body">
                <div class="form-inline form-group">
                    <label for="choiceTitle" data-localize="lab_question" class="labModallabel" ></label>
                    <input  class="form-control modalcontrol_lab" id="choiceTitle"  placeholder="">
                </div>
                <div class="form-inline form-group">
                    <label data-localize="lab_choice" class="labModallabel" style="vertical-align: top;"></label>
                    <div id="choiceList" class="choiceList">
                        <input type="text" class="form-control modalcontrol_lab" data-localize="lab_choiceA">
                        <input type="text" class="form-control modalcontrol_lab" data-localize="lab_choiceB">
                        <!--  <div class="form-group"><label  data-localize="lab_choiceB"></label><input type="text" class="form-control"></div> -->

                    </div>
                </div>
                <div class="addChoiceIetmBtn">
                    <button class="btn nextBtn" data-localize="lab_addChioceItem" onclick="addChoiceItem()"></button>
                    <button class="btn nextBtn" data-localize="lab_removeChioceItem" onclick="removeChoiceItem()"></button>
                </div>

                <div class="form-inline form-group">
                    <label data-localize="lab_answer" class="labModallabel" ></label>
                    <div id="choiceAnswerList" class="choiceList">
                        <label><input type="checkbox">A</label>
                        <label><input type="checkbox">B</label>

                    </div>
                </div>
                <div class="form-inline form-group">
                    <label for="choiceScore" data-localize="lab_score" class="labModallabel" ></label>
                    <input  class="form-control modalcontrol_lab" id="choiceScore" placeholder="" value="10"/>
                </div>
            </div>
            <div class="modal-footer">
                <label data-localize="lab_notCloseWindow" class="notCloseWindow">
                    <input type="checkbox" class="notCloseWindow_cbx">
                </label>
                <button type="button" class="btn btn-default" data-dismiss="modal" data-localize="pm_cancle"></button>
                <button type="button" class="btn btn-primary" data-localize="pm_creat" onclick="pushOneChoice()"></button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modal_creatFillBlank" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4  class="modal-title"  data-localize="lab_fillBlankAdd"></h4>
            </div>
            <div class="modal-body">
                <div class="form-inline form-group">
                    <label for="fillBlankTitle" data-localize="lab_question" class="labModallabel" ></label>
                    <textarea  class="form-control" style="width: 60%;" id="fillBlankTitle" rows="4" placeholder=""></textarea>
                    <input type="button" data-localize="lab_insertBalnk" class="btn" onclick="insertBalnk()">
                </div>
                <div class="form-inline form-group">
                    <label for="fillblankScore" data-localize="lab_score" class="labModallabel" ></label>
                    <input  class="form-control modalcontrol_lab" id="fillblankScore" placeholder="" value="10"/>
                </div>
            </div>
            <div class="modal-footer">
                <label data-localize="lab_notCloseWindow" class="notCloseWindow">
                    <input type="checkbox" class="notCloseWindow_cbx">
                </label>
                <button type="button" class="btn btn-default" data-dismiss="modal" data-localize="pm_cancle"></button>
                <button type="button" class="btn btn-primary" data-localize="pm_creat" onclick="pushOneFillblank()"></button>
            </div>
        </div>
    </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/ajaxfileupload_zhang.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/homewoker.js"></script>
</body>
</html>